// src/app/workspace/[workspaceId]/_components/sidebar.tsx
import React from 'react';
import UserButton from "@/features/auth/components/user-button";
import WorkspaceSwitcher from "@/app/social/workspace/[workspaceId]/_components/workspace-switcher";
import SidebarButton from "@/app/social/workspace/[workspaceId]/_components/sidebar-button";
import {Bell, Home, MessageSquare, MoreHorizontal, MoreHorizontalIcon} from "lucide-react";
import {usePathname} from "next/navigation";
import Link from "next/link";

const Sidebar = () => {
    const pathname = usePathname()

    return (
        <aside className={`w-[70px] h-full bg-[#481349]x bg-blue-700/80 flex flex-col items-center
        gap-y-4 pt-[9px] pb-4`}>
            <WorkspaceSwitcher/>
            <Link href={'/'}>
                <SidebarButton
                    icon={Home} label={'Home'}
                    isActive={pathname.includes('/workspace')}
                />
            </Link>
            <SidebarButton icon={MessageSquare} label={'DMs'}/>
            <SidebarButton icon={Bell} label={'Activity'}/>
            <SidebarButton icon={MoreHorizontal} label={'More'}/>
            <div className={`flex flex-col items-center justify-center gap-y-1 mt-auto`}>
                <UserButton/>
            </div>
        </aside>
    );
};

export default Sidebar;